<script>
import {defineComponent} from 'vue'
import headerModule from "@/components/headerModule.vue";
import swiperModule from "@/components/swiperModule.vue";
import vipModule from "@/components/vipModule.vue";
import courseModule from "@/components/courseModule.vue";
import footerModule from "@/components/footerModule.vue";
import classModule from "@/components/classModule.vue";
import HeadlinerModule from "@/components/headlinerModule.vue";

export default defineComponent({
    name: "homePage",
    data(){
        return{

        }
    },

    methods:{

    },
    components:{
        HeadlinerModule,
        courseModule,
        headerModule,
        swiperModule,
        vipModule,
        classModule,
        footerModule,

    },
})
</script>

<template>
<div class="body">
<!--    头部-->
    <header-module></header-module>
<!--    轮播图-->
    <swiper-module></swiper-module>
<!--    vip-->
    <vip-module></vip-module>
<!--    课程表单-->
    <course-module></course-module>
<!--    全部课程-->
    <class-module>

    </class-module>
<!--    头条精选-->
    <headliner-module></headliner-module>
<!--    底部友情链接-->
    <footer-module></footer-module>
</div>
</template>

<style scoped lang="less">

* {
  margin: 0;
  padding: 0;
}

a, a:hover, a:visited {
  text-decoration: none;
}
body{
    margin: 0;
    background-color: rgb(237, 241, 247)
}
.body{
    background-color: rgb(237, 241, 247)
}
</style>